<template>
  <div>
    <!-- <h1>超级企业管理</h1> -->
    <div class="q1">
        <div class="q2">
            <ul>
                <li><img :src="img.q" alt=""></li>
                <li class="q3">1</li>
                <li class="q4">子企业个数</li>
            </ul>

            <ul class="q5">
                <li><img :src="img.w" alt=""></li>
                <li class="q6">100</li>
                <li class="q7">最大座席数</li>
            </ul>

              <ul class="q8">
                <li><img :src="img.e" alt=""></li>
                <li class="q9">1</li>
                <li class="q10">实际座席总数</li>
            </ul>

             <ul class="q11">
                <li><img :src="img.r" alt=""></li>
                <li class="q12">0</li>
                <li class="q13">停用座席总数</li>
            </ul>

            <ul class="q14">
                <li><img :src="img.t" alt=""></li>
                <li class="q15">100</li>
                <li class="q16">最大登录并发数</li>
            </ul>


            <ul class="q17">
                <li><img :src="img.y" alt=""></li>
                <li class="q18">0</li>
                <li class="q19">预测式外呼坐<br>席并发总数</li>
            </ul>

        </div>



        
    </div>
  </div>
</template>

<script>
import q from '@/assets/微信图片_20250703104346.png'
import w from '@/assets/微信图片_20250703104436.png'
import e from '@/assets/微信图片_20250703104500.png'
import r from '@/assets/微信图片_20250703104517.png'
import t from '@/assets/微信图片_20250703104530.png'
import y from '@/assets/微信图片_20250703104544.png'



export default {
  data() {
    return {
      img:{
        q,
        w,
        e,
        r,
        t,
        y
      },

    }
  },

  created() {
  },

  mounted() {
  },
  methods: {

  },
  computed: {

  },
}
</script>
<style lang='less' scoped>
.q1{
    width: 950px;
    height: 475px;
    // background-color: aqua;
    overflow-y: auto; /* 仅垂直方向自动滚动 */
    // position: relative;
}
.q2{
    width: 900px;
    height: 170px;
    position: relative;
    // background-color: red;
    border: 1px solid rgb(237,238,240);
    left: 20px;
}
li{
  list-style: none;
}
.q2 img{
  width: 50px;
  height: 50px;
}
.q3{
  position: absolute;
  left: 60px;
  font-size: 19px;
}
.q4{
  position: absolute;
  top: 110px;
  left: 30px;
  color: rgb(151,190,216);
}
.q5{
  position: absolute;
  left: 130px;
  top: -10px;
}
.q6{
  position: relative;
  left: 15px;
  font-size: 19px;
}
.q7{
  position: relative;
  top: 10px;
  right: 10px;
  color: rgb(151,190,216);
}
.q5 img {
  width: 60px;
  height: 60px;
}
.q8{
  position: absolute;
  left: 270px;  
  top: -6px;
}
.q8 img {
  width: 60px;
  height: 60px;
}
.q9{
  position: relative;
  left: 25px;
  font-size: 19px;
}
.q10{
  position: relative;
  top: 5px;
  right: 10px;
  color: rgb(151,190,216);
}
.q11{
  position: absolute;
  left: 430px;
  top: -6px;
}
.q11 img {
    width: 60px;
  height: 60px;
}
.q12{
  position: relative;
  left: 25px;
  font-size: 19px;
}
.q13{
  position: relative;
  top: 5px;
  right: 10px;
  color: rgb(151,190,216);
}
.q14{
  position: absolute;
  left: 600px;
  top: -5px;
}
.q14 img {
  width: 60px;
  height: 60px;
}
.q15{
  position: relative;
  left: 15px;
  font-size: 19px;
}
.q16{
  position: relative;
  top: 5px;
  right: 16px;
  color: rgb(151,190,216);
}
.q17{
  position: absolute;
  left: 760px;
  top: -5px;
}
.q17 img {
  width: 60px;
  height: 60px;
}
.q18{
  position: relative;
  left: 22px;
  font-size: 19px;
}
.q19{
  position: relative;
  top: 5px;
  right: 16px;
  color: rgb(151,190,216);
}
</style>